<div class="app" style="min-height: 1200px;" ng-controller="mainController" ng-class="{
    'app-header-fixed':app.settings.headerFixed,
    'app-aside-fixed':app.settings.asideFixed,
    'app-aside-folded':app.settings.asideFolded,
    'container':app.settings.container
}" >
    <!-- navbar -->
    <div class="app-header navbar" ng-controller="headerController">
        <div class="collapse pos-rlt navbar-collapse box-shadow app-navbar">
            <div class="row">
                <div class="col-sm-4">
                    <ul class="yx-navbar">
                        <li class="yx-navbar-item">
                            <div>
                                <i class="icon-volume-1"></i>
                                <span class="text-danger">重要通知 : Ng1.x 1.5资料库 最终版本</span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="col-sm-8">
                    <ul class="yx-navbar pull-right">
                        <li class="yx-navbar-item">
                            <div>
                                <input type="text" placeholder="请输入关键字" ng-model="header.searchfile" style="width:200px">
                                <i class="icon-magnifier inputlogo"></i>
                            </div>
                        </li>
                        <li class="yx-navbar-item">
                            <div ng-switch="header.batteryNum">
                                <i ng-switch-when="1" class="fa fa-battery-full" ></i>
                                <i ng-switch-when="2" class="fa fa-battery-three-quarters"></i>
                                <i ng-switch-when="3" class="fa fa-battery-half"></i>
                                <i ng-switch-when="4" class="fa fa-battery-quarter"></i>
                                <i ng-switch-when="5" class="fa fa-battery-empty"></i>
                            </div>
                        </li>
                        <li class="yx-navbar-item yx-navbar-title">
                            <div>
                                <i class="fa fa-bell-o"></i>
                                <span class="badge">3</span>
                            </div>
                        </li>
                        <li class="yx-navbar-item yx-navbar-title">
                            <div full-screen></div>
                        </li>
                        <li class="yx-navbar-border"></li>
                        <li class="yx-navbar-item dropdown" uib-dropdown uib-dropdown-hover>
                            <div uib-dropdown-toggle aria-haspopup="true" aria-expanded="false">
                                <div class="thumb-xs avatar">
                                    <img src="../images/head.zhishui.jpg" alt="...">
                                    <i class="on bottom"></i>
                                </div>
                                <span>{{ userInfo.Loginname }}</span>
                                <i class="fa fa-fw fa-angle-down"></i>
                            </div>
                            <ul uib-dropdown-menu style=" width: 198px; max-width: 200px;">
                                <li> <a href="#"> <span>修改密码</span> </a> </li>
                                <li> <a href="#"> <span>重置数据</span> </a> </li>
                                <li> <a href="#"> <span>修改密码</span> </a> </li>
                                <li> <a href="#"> <span>重置数据</span> </a> </li>
                                <li> <a href ng-click="logout()"> <span>退出</span> </a> </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- /navbar -->
    <!-- menu -->
    <div class="app-aside hidden-xs" ng-controller="menuController">
        <div class="aside-wrap fixBackgroundImage">
            <div class="navi-wrap">
                <!-- logo -->
                <div class="clearfix hidden-xs text-center" id="aside-user">
                    <span>
                        <img src="../images/logo.pro.png" alt="..." style=" margin: 18px 29px; width: 151px; ">
                    </span>
                </div>
                <!-- / logo -->
                <!-- nav -->
                <nav ui-nav class="navi">
                    <!-- head -->
                    <div class="navi-wrapper text-center">
                        <a ui-sref="app.scene.index">
                            <span class="thumb-lg avatar">
                                <!-- 打包对于图片路径的影响 -->
                                <img ng-src="../images/head.you.jpg" class="img-full" alt="...">
                            </span>
                        </a>
                        <div class="clear">
                            <p>
                                <strong class="font-bold text-warning text-lt">宇智波 - {{iamwho==0?'止水':'鼬'}}</strong>
                                <b class="caret"></b>
                            </p>
                            <p class="text-warning text-xs">{{iamwho==0?'打酱油的瞬身止水':'月读天照满级带小弟'}}</p>
                        </div>
                    </div>
                    <!-- / head -->
                    <ul class="nav">
                        <li ng-class="{active:isMenuSelectMe(row.name)}" ng-repeat="row in menulist|filter:{page: navFilterPage} ">
                            <a ui-sref="{{row.name}}" class="auto" ng-if="!row.sub.length">
                                <i class="fa fa-{{row.icon||'briefcase'}} icon"></i>
                                <span ng-cloak>{{row.title}}</span>
                            </a>
                            <a href="javascript:void(0)" class="auto" ng-if="row.sub.length">
                                <i class="fa fa-{{row.icon||'briefcase'}} icon"></i>
                                <span ng-cloak>{{row.title}}</span>
                                <span class="pull-right">
                                    <i class="fa fa-fw fa-angle-right text"></i>
                                    <i class="fa fa-fw fa-angle-down text-active"></i>
                                </span>
                            </a>
                            <ul class="nav nav-sub dk" ng-show="row.sub.length">
                                <li ng-class="{active:isMenuSelectMe(row2.name)}" ng-repeat="row2 in row.sub track by $index">
                                    <a ui-sref="{{row2.name}}">
                                        <span ng-cloak>{{row2.title}}</span>
                                        <div class="pointer">
                                            <div class="arrowi"></div>
                                            <div class="arrowi_border"></div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <!-- / list -->
                    <!-- height -->
                    <div style="height:100px"></div>
                    <!-- / height -->
                </nav>
                <!-- nav -->
            </div>
        </div>
    </div>
    <!-- /menu -->
    <!-- content -->
    <div class="app-content">
        <!-- content title -->
        <div butter-bar></div>
        <a href class="off-screen-toggle hide" toggle-class="off-screen" data-target=".app-aside" ></a>
        <!-- /content title -->
        <!-- content body -->
        <div class="app-content-body fade-in-up">
            <ul class="breadcrumb breadcrumb-s1">
                <li><a href><i class="fa fa-home"></i></a></li>
                <li class="active"><a href>一级目录</a></li>
                <li class="active"><a href>{{ breadcrumbTitle }}</a></li>
            </ul>
            <div ui-view class="animated fade-in-down"></div>
        </div>
        <!-- /content body -->
        <!-- content right -->
        <div class="panel_right nonono panel panel-default">
            <div class="panel-right-menu">
                <input type="text" ng-model="iwantyou" class="iwantyou" placeholder="要找啥???">
                <ul ng-repeat="row in menulist">
                    <li ng-repeat="row2 in row.sub|filter:{title: iwantyou}">
                        <a ui-sref="{{row2.name}}">
                            <span ng-cloak class="label bg-primary">{{row2.title}}</span>
                            <span ng-cloak class="label bg-info">{{row2.name}}</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- /content right -->
    </div>
    <!-- /content -->
    <!-- footer -->
    <div class="app-footer">
        <span class="pull-right ng-binding">2.1.0</span>
        © 2014 Copyright.
    </div>
    <!-- /footer -->
    <!-- setting -->
    <div class="settings panel panel-default">
        <button class="btn btn-default no-shadow pos-abt" toggle-class="active" target=".settings">
            <i class="fa fa-spin fa-gear"></i>
        </button>
        <div class="panel-heading"> Settings </div>
        <div class="panel-body">
            <div class="settingItem">
                <label class="i-switch pull-right">
                    <input type="checkbox" ng-model="app.settings.headerFixed">
                    <i></i>
                </label>
                Fixed header
            </div>
            <div class="settingItem">
                <label class="i-switch pull-right">
                    <input type="checkbox" ng-model="app.settings.asideFixed">
                    <i></i>
                </label>
                Fixed aside
            </div>
            <div class="settingItem">
                <label class="i-switch pull-right">
                    <input type="checkbox" ng-model="app.settings.asideFolded">
                    <i></i>
                </label>
                Folded aside
            </div>
            <div>
                <label class="i-switch bg-info pull-right">
                    <input type="checkbox" ng-model="app.settings.container">
                    <i></i>
                </label>
                Boxed layout
            </div>
        </div>
    </div>
    <!-- /setting -->
</div>